<ion-content class="has-header has-footer" id="content" style="background: #f5f5f5 !important">
    <!--头部-->
    <ul class="Order_Tab ranch_tab" id="small">
        <li ng-class="e==1?'Order_active':'no_active'" ng-click="View_switch(1,2,2)">未使用</li>
        <li ng-class="b==1?'Order_active':'no_active'" ng-click="View_switch(2,1,2)">已使用</li>
        <li ng-class="c==1?'Order_active':'no_active'" ng-click="View_switch(2,2,1)">已过期</li>
    </ul>
    <!--内容-->
    <div ng-if="e==1&&wbCouponList!=0">
        <!--使用过的优惠券-->
        <div class="coupon_conTer" ng-repeat="wbCouponListOS in wbCouponList track by $index">
            <div class="coupon">
                <img ng-src="img/experience.png" alt="" ng-if="wbCouponListOS.type==1" class="ty">
                <img ng-src="img/cash.png" alt="" ng-if="wbCouponListOS.type==2" class="ty">
                <img ng-src="img/experience.png" alt="" ng-if="wbCouponListOS.type==3" class="ty">
                <img ng-src="img/rates.png" alt="" ng-if="wbCouponListOS.type==4" class="ty">
                <div class="couponContent">
                    <div class="titleContent">
                        <!--//图标-->
                        <span class="Belongs" ng-if="wbCouponListOS.type==1" style="background: #28C595">新手券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==2" style="background: #FF5D5C">红包券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==4" style="background: #FBAC40">加息券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==3" style="background: #28C595">体验券</span>
                        <span class="couponName">{{wbCouponListOS.name}}</span>
                        <p class="couponDetail">{{wbCouponListOS.detail}}</p>
                        <div>{{wbCouponListOS.startdate | date:'yyyy.MM.dd'}} - {{wbCouponListOS.enddate | date:'yyyy.MM.dd'}}</div>
                    </div>
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==3" ng-click="useBk(false,wbCouponListOS.id)">
                    立即使用
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==1" ng-click="useBk(false,1)">
                    立即使用
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==2" ng-click="useBk(false,wbCouponListOS.id)">
                    <div>￥8</div>
                    <div>立即领取</div>
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==4" ng-click="useBk(true)">
                    <div>2%</div>
                    <div>立即使用</div>
                </div>
            </div>
        </div>
    </div>
    <div ng-if="b==1&&wbCouponList!=0">
        <!--没有使用过的优惠券-->
        <div class="coupon_conTer" ng-repeat="wbCouponListOS in wbCouponList track by $index">
            <div class="coupon">
                <img ng-src="img/useup.png" alt="" class="ty">
                <div class="couponContent">
                    <div class="titleContent">
                        <!--//图标-->
                        <span class="Belongs" ng-if="wbCouponListOS.type==1" style="background: #8E8E8E">新手券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==2" style="background: #8E8E8E">红包券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==4" style="background: #8E8E8E">加息券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==3" style="background: #8E8E8E">体验券</span>
                        <span class="couponName">{{wbCouponListOS.name}}</span>
                        <p class="couponDetail">{{wbCouponListOS.detail}}</p>
                        <div>{{wbCouponListOS.startdate | date:'yyyy.MM.dd'}} - {{wbCouponListOS.enddate | date:'yyyy.MM.dd'}}</div>
                    </div>
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==3">
                    已经使用
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==1">
                    已经使用
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==2">
                    <div>￥8</div>
                    <div>已经领取</div>
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==4">
                    <div>2%</div>
                    <div>已经使用</div>
                </div>
            </div>
        </div>
    </div>
    <div ng-if="c==1&&wbCouponList!=0">
        <!--过期的优惠券-->
        <div class="coupon_conTer" ng-repeat="wbCouponListOS in wbCouponList track by $index">
            <div class="coupon">
                <img ng-src="img/useup.png" alt="" class="ty">
                <div class="couponContent">
                    <div class="titleContent">
                        <!--//图标-->
                        <span class="Belongs" ng-if="wbCouponListOS.type==1" style="background: #8E8E8E">新手券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==2" style="background: #8E8E8E">红包券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==4" style="background: #8E8E8E">加息券</span>
                        <span class="Belongs" ng-if="wbCouponListOS.type==3" style="background: #8E8E8E">体验券</span>
                        <span class="couponName">{{wbCouponListOS.name}}</span>
                        <p class="couponDetail">{{wbCouponListOS.detail}}</p>
                        <div>{{wbCouponListOS.startdate | date:'yyyy.MM.dd'}} - {{wbCouponListOS.enddate | date:'yyyy.MM.dd'}}</div>
                    </div>
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==3">
                    立即使用
                </div>
                <div class="couponUse" ng-if="wbCouponListOS.type==1">
                    立即使用
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==2">
                    <div>￥8</div>
                    <div>立即领取</div>
                </div>
                <div class="couponUse miders" ng-if="wbCouponListOS.type==4">
                    <div>2%</div>
                    <div>立即使用</div>
                </div>
                <div class="overdue">
                    <img ng-src="img/overdue.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div ng-if="wbCouponList==0" class="pushcode">
        <img ng-src="{{noImg}}" alt="" class="noImgs">
        <span style="font-size: .7rem">您还没有优惠券哦!</span>
    </div>
</ion-content>
